<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>顾问评分</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
<script src="../js/jquery.min.js?v=2.1.4"></script>
<script src="../js/core.js"></script>
<script src="../js/20.2.0guwenpingfen.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">顾问评分</h1>
    </header>
</div>
<!--顾问评分-->
<form>
	<div class="sell_guwen_xinxi" id="guwenziliao">
		
	</div>
	<div class="sell_guwen_title" id="pingjiashijan"></div>
	<div class="sell_guwen">
		<div class="starWrapper J-starWrapper star_on clearfix">
            <div class="clearfix">
                <span>能力</span> 
                <img src="../images/star01.png" data-number="1" title="1.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="2" title="2.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="3" title="3.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="4" title="4.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="5" title="5.0分" data-bd-imgshare-binded="1">
            </div>
            <!--<i>评分</i>-->
            <p>能否给予专业运营建议，传达最新平台政策，帮助提高店铺销量</p>
            <input type="hidden" name="sentiment_number" id="shangjiafuwu" value="1">
        </div>
        <div class="sell_guwen_line"></div>
        <div class="starWrapper J-starWrapper star_on clearfix" style="border-bottom: none;">
            <div class="clearfix">
                <span>态度</span> 
                <img src="../images/star01.png" data-number="1" title="1.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="2" title="2.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="3" title="3.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="4" title="4.0分" data-bd-imgshare-binded="1">
                <img src="../images/star01.png" data-number="5" title="5.0分" data-bd-imgshare-binded="1">
            </div>
            <!--<i>评分</i>-->
            <p>能否每周保持至少一次的沟通,积极协助解决出现的各种问题</p>
            <input type="hidden" name="sentiment_number" id="wuliufuwu" value="1">
        </div>
    </div>
    <div class="public-jianxi"></div>
	<div class="sell_guwen_text">
		<textarea placeholder="说一下感想吧" id="ganxiang"></textarea>
	</div>
    <div class="public-jianxi"></div>
    <div class="mid-width sell_guwen_p" onclick="addids()">
		<input type="button" class="p_button"  value="确认评价" />
		<p>以上评分将对相关顾问保密</p>
	</div>
</form>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js" ></script>
<!-- 上传图片 -->
<script type="text/javascript">
    $(".mm_imgfile input[type=file]").change(function(){
        var fs = this.files,$t  = $(this);
        $(fs).each(function(){
              var reader = new FileReader();
                reader.readAsDataURL(this);
                reader.onload = function(e) {
                    $t.parent().parent().prepend($('<li><img src="'+this.result+'"><span data-name=delete></span></li>'));
                    deleteImg();
                }
        });
    });
    deleteImg();
    function deleteImg(){
        var $span = $("*[data-name=delete]");
        $span.unbind("click");
        $span.click(function(){
            $(this).parent().remove();
        });
    }
    
    jQuery(function(){
        //评分
        var imgSrc = '../images/star01.png'; 
        var imgSrc_2 = '../images/star.png'; 
        jQuery(".J-starWrapper").on('touchstart','img',function(){
            var $this = jQuery(this),
                index = $this.index(),
                $parent = jQuery(this).closest(".J-starWrapper");
            $parent.find("img").attr({"src":imgSrc});
            for(var i=0; i < index; ){
                $parent.find("img").eq(i).attr({"src":imgSrc_2});
                i++;
            }
        }).on('touchend',function(){
            var $this = jQuery(this);
            if(!$this.hasClass('star_on')){
                $this.find("img").attr({"src":imgSrc}); 
            }   
        }).on('click','img',function(){
            var $this = jQuery(this),
                num = $this.data('number'),
                title = $this.attr('title'),
                $parent = jQuery(this).closest(".J-starWrapper");
                $parent.find('i').html(title).css('color','#ffd700');
                $parent.addClass('star_on').find('input[type="hidden"]').val(num);
        }); 
    })
    
</script>
</body>
</html>